<template>
    <!-- 分页组件 -->
    <el-pagination :background="true" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"
        :page-sizes="[10, 25, 50, 100]" :total="pageInfo.total" layout="total, sizes, prev, pager, next, jumper"
        @size-change="handleSizeChange" @current-change="handleCurrentChange"></el-pagination>
</template>

<script setup lang="ts" name="Pagination">
interface PageInfo {
    pageNum: number;
    pageSize: number;
    total: number;
}

interface PaginationProps {
    pageInfo: PageInfo;
    handleSizeChange: (size: number) => void;
    handleCurrentChange: (currentPage: number) => void;
}

const { pageInfo, handleSizeChange, handleCurrentChange } = defineProps<PaginationProps>();

</script>